﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="robots" content="all">
    <meta name="keywords" content="魔兽私服,SF,私服,魔兽,60,60年代魔兽,公益服">
    <meta name="description" content="60年代魔兽公益服">
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="__PUBLIC__/bootstrap/css/bootstrap.min.css">
    <title><?php echo $title?></title>
</head>
<body>

<!-- 导航栏 -->
<nav class="navbar navbar-inverse">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">WoW</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="#install" aria-controls="install" data-toggle="tab">游戏下载/安装</a></li>
                <li><a href="#donation" aria-controls="donation" data-toggle="tab">捐助</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a data-toggle="modal" href="#modal-reg">创建帐号</a></li>
            </ul>
        </div>
    </div>
</nav>
<!-- 导航栏结束 -->

<!-- 创建帐号弹出框 -->
<div class="modal fade" id="modal-reg">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">创建帐号</h4>
            </div>
            <form class="form-horizontal" action="?a=register" method="post">
                <div class="modal-body">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">用户名</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="username" placeholder="请输入用户名">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">密码</label>
                        <div class="col-sm-9">
                            <input type="password" class="form-control" name="password" placeholder="请输入密码">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">重新输入密码</label>
                        <div class="col-sm-9">
                            <input type="password" class="form-control" name="password_check" placeholder="请重新输入密码">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">邮箱</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="email" placeholder="请输入邮箱">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">创建帐号</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- 创建帐号弹出框结束 -->

<!-- 主框架 -->
<div class="container">
    <div class="row">
        <div class="col-sm-12">
            <!--
            <ol class="breadcrumb">
                <li><a href="#">Home</a></li>
                <li><a href="#">Library</a></li>
                <li class="active">Data</li>
            </ol>
            -->
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane fade in active" id="install">
                    <p>
                    <h4><strong>说明</strong></h4>
                    <pre>
本服务器为60年代仿官方公益服务器。
                        </pre>
                    </p>
                    <p>
                        <h4><strong>下载游戏</strong></h4>
                        <pre>
客户端下载地址：<a href="https://pan.baidu.com/s/1o8w9GAe" target="_blank">https://pan.baidu.com/s/1o8w9GAe</a>
如果您已经有60级客户端，只需要下载里面的realmlist.wtf文件覆盖就行了！
                        </pre>
                    </p>
                    <p>
                    <h4><strong>创建帐号</strong></h4>
                    <pre>
点击本页右上角<strong>创建帐号</strong>来创建属于您的帐号。
                        </pre>
                    </p>
                    <p>
                    <h4><strong>安装/运行游戏</strong></h4>
                    <pre>
打开下载的游戏文件夹，运行WoW.exe启动游戏，输入您的帐号进行游戏。祝您游戏愉快！
                        </pre>
                    </p>
                </div>
                <div role="tabpanel" class="tab-pane fade" id="donation">
                    <p>
                    <h4><strong>捐助</strong></h4>
                    <div class="thumbnail" style="width: 550px;">
                        <img src="Public/wx_pay.jpg" alt="捐助付款二维码" style="width: 550px; height: 500px;">
                        <div class="caption text-center">
                            <h3>您的捐助，让我们做的更好</h3>
                        </div>
                    </div>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12  text-center">
            <p><u>玩家QQ群: 141236059 服务支持 QQ: <strong>671643387</strong>  邮箱: <strong>671643387@qq.com</strong></u></p>
        </div>
    </div>
</div>

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="__PUBLIC__/bootstrap/js/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="__PUBLIC__/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>